<!DOCTYPE HTML>
<html>

<head>
      <meta charset="utf-8">
      <meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width" />
      <meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
      <title>Hello APP</title>
      <link rel="stylesheet" type="text/css" href="../css/api.css" />

    <style>
    .page{
      background: rgb(242,242,242);
      width:100%;
      height: 100%;
    }
        #header{
          width:100%;
          font-size: 1.2rem;

          background: white;

          margin-top:0.9rem;
          padding-bottom: 0.5rem;
          display: flex;
          align-items: center;



        }
        #header img{
          width:1.5rem;
          height: 1.2rem;
          margin-right:8.2rem;
          margin-left: 0.8rem;


        }
        .title{
          font-size: 1.1rem;

        }
        .main{
          position: fixed;
          top:5rem;
          left:0;
          right:0;
          bottom: 0;
          background: #f5f5f5
        }

        .setlist,.setlist2{
          margin-top: 0.8rem;
          background: white;
          width:100%;
          height: auto;
        }
        .setlist li{
          width:90%;
          height: 3.75rem;
          margin: 0 auto;
          border-bottom: 0.01rem solid rgb(242,242,242);
          display: flex;
          justify-content: space-between;
          align-items: center;
        }
          .setlist2 li{
          width:90%;
          height: 3.75rem;
          margin: 0 auto;

          display: flex;
          align-items: center;
          }
        .itemname{
          flex: 1;
          padding-left: 0.5rem;
          font-size: 1rem;
        }

        .iconimg{
          width:1.5rem;
          height: 1.5rem;
        }
        .loginimg{
          width:2.7rem;
          height: 2.7rem;
        }
          .right{
            width:0.5rem;
            height: 1rem;
            padding-right: 0.4rem;
            padding-left: 0.8rem;
          }
          .appicon{
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            margin-top: 1rem;


          }
          .appicon img{
            width:5rem;
            height: 5rem;

          }

    </style>


</head>

<body>

  <div id="header">
   <img src="../icon/zuoduihao.png" class="back" tapmode onclick="closewin();">
      <span class="title">设置</span>
  </div>
  <div class="main">
  <ul class="setlist">
    <!-- <li>
      <img src="../icon/fx.png" class="iconimg">
      <span class="itemname">账号绑定</span>
        <img src="../icon/u25.2.png" class="loginimg" tapmode onclick="fnbindtel();" id="phone">
        <img src="../icon/u26.2.png" class="loginimg">
        <img src="../icon/u27.2.png" class="loginimg" id="wx"  tapmode onclick="wxbinding();">
    </li> -->
    <li tapmode onclick="openwin('mysome');">
      <img src="../icon/fx.png" class="iconimg">
      <span class="itemname">个人信息</span>
        <img src="../image/next2.png" class="right" >
    </li>
    <li tapmode onclick="openwin('address');">
      <img src="../icon/u12.png" class="iconimg">
      <span class="itemname">管理收货地址</span>
        <img src="../image/next2.png" class="right" >
    </li>
    <li tapmode onclick="openwin('user_pass');">
      <img src="../icon/xm.png" class="iconimg">
      <span class="itemname">修改密码</span>
        <img src="../image/next2.png" class="right" >
    </li>
    <li tapmode onclick="openwin('fftk');">
      <img src="../icon/u14.png" class="iconimg">
      <span class="itemname">服务条款</span>
        <img src="../image/next2.png" class="right" >
    </li>
  </ul>
  <ul class="setlist2">
      <li onclick="clearCache();">
        <img src="../icon/pu16.png" class="iconimg">
        <span class="itemname">清除缓存</span>
      </li>
        <li onclick="login_out();">
          <img src="../icon/u18.png" class="iconimg">
          <span class="itemname" style="color:rgb(64,204,203)">退出登录</span>
        </li>
  </ul>
  <div class="appicon">
      <!-- <img src="../image/rgjj.png"> -->
      <div >
      <span style="color:#999999;font-size:0.7rem;" tapmode onclick="fnlaw();">服务使用协议</span>
      <span style="color:#999999;font-size:0.7rem;margin-left:2rem;" tapmode onclick="fnlaw();">隐私协议</span>
    </div>
  </div>
</div>


</body>
<script src="../script/jquery.js"></script>
<script type="text/javascript" src="../script/jquery-1.8.3.js"></script>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript">
var userInfo=$api.getStorage('userInfo');

apiready = function() {
        $api.fixStatusBar(
          $api.byId('header')
         );


}

function login_out() {
    api.confirm({
        title: '是否确认退出?',
        buttons: ['确定', '取消']
    }, function(ret, err) {
        if (ret.buttonIndex == 1) {
            $api.rmStorage('userinfo');
            api.sendEvent({
                name: 'login_out',
            });
            api.openWin({
                name: 'user_login',
                url: './user_login.html',

            });
        }
    });

}
function clearCache() {
  api.showProgress({
      style: 'default',
      animationType: 'fade',
      title: '正在清除...',
      text: '先喝杯茶...',
      modal: false
  });

  setTimeout(function () {
    api.hideProgress();

    msgcode('清除缓存成功')
  },2000)
}

</script>

</html>
